<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*  除了元素还有属性约束 */
        /* [属性名]
            [属性名=值] 必须等于值才起作用
            [属性名^=值] 以指定值开头的元素
            [属性名$=值] 以指定值结尾的元素
            [属性名*=值] 有指定值的元 素*/
            p[title]{
                color: red;
            }
    </style>
</head>
<body>
     <p title="第一句">春江潮水连海平，海上明月共潮生。</p>
    <p title="ads">滟滟随波千万里，何处春江无月明！</p>
    <p title="dwd">江流宛转绕芳甸，月照花林皆似霰；</p>
    <span >空里流霜不觉飞，汀上白沙看不见。</span>
</body>
</html>